export const imgerror = {
  // 指令对象 会在当前的dom元素插入到节点之后执行
  inserted(dom, options) {
    // 当图片有地址 但是地址没有加载成功的时候 会报错 会触发图片的一个事件 => onerror
    // console.log(options)

    //   图片异常的逻辑
    //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
    if (!dom.src) {
      dom.src = options.value
    }

    dom.onerror = function() {
      dom.src = options.value
    }
  },

  // 当该节点的父组件发生变化的时候, inserted 并不会重新触发
  // 需要用另外一个钩子进行处理
  componentUpdated(dom, options) {
    if (!dom.src) {
      dom.src = options.value
    }
  }
}
